<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>构图拍摄</title>
    <link rel="stylesheet" href="./css/ps1.css">

    <link rel="stylesheet" href="../瑜-ps/css/导航栏.css">
    <script src="../哲/搜索.js"></script>
    <link rel="shortcut icon" href="../兰/images/logo.png">
</head>

<body>
    <div>
        <!-- 顶部【logo名字（左）、搜索栏（中）、小组信息（右） -->

        <div>
            <!-- logo名字 -->
            <!-- 搜索栏(含js) -->
            <!-- 小组信息 -->
            <div class="title">
                <img src="../兰/images/logo.png" alt="">
                <input id="searchInput" placeholder="请输入关键词" type="text">
                <img id="searchButton" src="../兰/images/搜索图标.png" alt="">
                <div class="three">
                    <p><a href="../兰/小组.html" target="_blank">小组</a></p>
                    <p><a href="https://www.bilibili.com/video/BV1SJhVexEeg/?vd_source=6f4b3c43be3dc4f105a985362d1dce81" target="_blank">视频</a></p>
                    <p><a href="https://gitee.com/lhuilan/final-group-task/tree/main/" target="_blank">仓库</a></p>
                </div>
            </div>
        </div>

        <!-- 主菜单 -->
        <div class="nav">
            <ul>
                <!-- 导航栏中 -->
                <!-- 导航栏的颜色尽量和logo颜色搭配 -->
                <!-- 鼠标悬停在"首页、HTML、CSS、JavaScript、Photoshop、Photography"时有子菜单 -->
                <li><a href="../index首页.html">首页</a></li>

                <li><a href="../li/hcj.html">Web前端</a></li>
                <li><a href="../瑜-ps/a-ps.html">Photoshop</a></li>
                <li ><a href="../兰/摄影.html">Photography</a></li>
                <div class="deng">
                    <!-- 导航栏右 -->
                    <li class="qr">
                        <!-- 鼠标悬停时下方出现二维码 -->
                        <a href="">
                            <span>客户端下载</span>
                        </a>
                        <!-- 二维码 -->
                        <div>
                            <img class="qr2" src="../兰/images/csdn二维码.png" alt="">
                        </div>
                    </li>
                    <!-- (含js) -->
                    <li><a href="../兰/登录.html" target="_blank">登录 ||</a></li>
                    <li><a href="../兰/注册.html" target="_blank">&nbsp;注册</a></li>
                </div>
            </ul>
        </div>
</div>
    <!-- 参考样式http://www.missyuan.net/photoshop/202402/31455.html -->
    <div class="tit">
        <ul>
            <h1>Photoshop构图拍摄</h1>
            <!-- 框架：h1大的黑体字 -->
            <li>ps参考教程/构图拍摄/ps参考教程</li>
            <!-- li小的灰色字体 -->
        </ul>
    </div>

    <div style="text-align: center;color: #0000009b;">此页教程讲述了图像的具体内容。</div>
    <!-- 俩个框架之间的灰色字。 -->

    <div class="content">
        <h3>1、什么是图形、图像？2、两者有何区别？ </h3>
        <h4>
            在计算机的处理领域，图形与图像是两个既有本质区别又有密切联系的概念。<br>
            图形和图像从本质上讲是计算机对处理对象的不同描述方式，它们分别有各自的特点和适用范围，在一定的条件也可以相互转化。<br>
            图形：是指由外部轮廓线条构成的向量图，有时还要使用实心或有等级变化和色彩填充的区域。<br>
            图像：是对客观存在的物体的一种相似性的生动模仿或描述。是物体的一种不完全、不精确，但在某种意义上是适当的表示。<br>
        </h4>
        <img src="./ps-image/构图拍摄1.jpg" alt="">
        <img src="./ps-image/构图拍摄2.jpg" alt="">

        <h3>3、像素：</h3>
        <h4>
            像素(PX)：当图像放大到一定程度会出现色块，其专业名称叫像素。在计算机的世界里，所有的位图均由许多像素构成。
            这些像素以矩阵方式排列，矩阵中的每一个元素都对应图像中的一个像素，存储这个像素的颜色信息。
        </h4>
        <img src="./ps-image/构图拍摄3.jpg" alt="">

        <h3>4、分辨率：</h3>
        <h4>
            分辨率就是屏幕图像的精密度，是指显示器所能显示的像素的多少。由于屏幕上的点、线和面都是由像素组成的，显示器可显示的像素越多;画面就越精细，同样的屏幕区域内能显示的信息也越多。
            分辨率越高，图像越清晰。分辨率一般分为输入分辨率、屏幕分辨率、图像分辨率。
        </h4>
        <img src="./ps-image/构图拍摄4.jpg" alt="">

        <h3>5、位图和矢量图</h3>
        <h4>
            位图和矢量图是计算机图形中的两大概念，这两种图形都被广泛应用到出版，印刷，互联网等各个方面，他们各有优缺点，两者各自的好处几乎是无法相互替代的，所以，长久以来，矢量跟位图在应用中一直是平分秋色。
            位图[bitmap]，也叫做点阵图，删格图像，像素图，简单的说，就是最小单位由像素构成的图，缩放会失真。
            构成位图的最小单位是像素，位图就是由像素阵列的排列来实现其显示效果的，每个像素有自己的颜色信息，在对位图图像进行编辑操作的时候，可操作的对象是每个像素，我们可以改变图像的色相、饱和度、明度，从而改变图像的显示效果。
            矢量图[vector]，也叫做向量图，简单的说，矢量图形就是一系列数学公式代表的线条所构成的图形,缩放不会失真。由于矢量图形是公式计算获得，所以文件体积一般较小。
        </h4>
        <img src="./ps-image/构图拍摄5.jpg" alt="">
        <img src="./ps-image/构图拍摄6.jpg" alt="">
        <img src="./ps-image/构图拍摄7.jpg" alt="">
<div class="geshi">
        <h3>图像的格式：</h3>
        <h4>
            （1）PSD格式<br>
            PSD格式是Photoshop自身的文件格式，能够支持PS的全部特征，包括通道、图层及路径等。由于PSD保存的信息比较多，因此文件会比较大，该模式是唯一支持全部色彩模式的图像格式。<br>
            （2）JPG格式<br>
            JPG格式的图像通常可以用于图像预览，文件比较小。一般用于储存在网页中的图像，但是它图片的缩小是建立在损坏图片质量的基础上的，在压缩保存过程中会丢失一些数据，造成图片失真。<br>
            （3）BMP格式<br>
            BMP格式是Windows标准的点阵式图像文件格式，一般用于制作桌面图像，图像质量优，但不支持多图层和通道。<br>
            （4）GIF格式<br>
            GIF格式是以索引模式储存图片内容的格式，图片容量较小，动画文件。特点：支持背景透明，支持动画，一般用于网页。<br>
            （5）SWF格式<br>
            利用Flash我们可以制作出一种后缀名为SWF（Shockwave
            Format）的动画，这种格式的动画图像能够用比较小的体积来表现丰富的多媒体形式。在图像的传输方面，不必等到文件全部下载才能观看，而是可以边下载边看。<br>
            （6）PNG格式<br>
            PNG格式 是新型的图像文件格式，是专门为用于网页图片而优化压缩图像设计成功的文件图像格式。PNG格式 逐渐 替代GIF格式、JPEG格式 成为网络图像的流行格式。<br>
        </h4>
</div>
    </div>
    <foot
    style="text-align: center;background-color:rgb(200, 225, 225);margin-bottom: 0; height: 280px;display: flex;align-items: flex-end;justify-content: center;">
    <!-- 页脚框架 -->
    <div>
        <div>
            <!-- logo为单独一行 -->
            <div>
                <img style="width: 100px;height: 100px;" src="../兰/images/logo.png" alt="">
            </div>
            <!-- csdn二维码和w3cschool二维码 为一行 -->
            <div>
                <img style="width: 100px;height: 100px;" src="../兰/images/csdn二维码.png" alt="">
                <img style="width: 100px;height: 100px; margin-left: 50px;" src="../兰/images/w3cschool二维码.png"
                    alt="">
            </div>
        </div>

        <!-- （一行白字）相关链接、版权声明等 -->
        <div>
            <style>
                a {
                    color: black;
                }
            </style>
            <a href="" target="_blank">相关链接</a>
            <a href="" target="_blank">隐私政策</a>
            <a href="" target="_blank">版权声明</a>
            <a href="" target="_blank">反馈箱</a>
            <a href="https://gitee.com/lhuilan/final-group-task/tree/main/" target="_blank">代码仓库</a>
            <a href="../兰/小组.html" target="_blank">关于我们</a>
        </div>

        <!-- 灰白字体 -->
        <div>
            <div>
                &copy; 2024-现在 蓝学网 &nbsp; 网站建设：
                <a href="../兰/小组.html" target="_blank">顺职软件一班第八组</a>
            </div>
            <div>
                网站维护：<a href="../兰/小组.html" target="_blank">顺职软件一班第八组</a>&nbsp;&nbsp;&nbsp;联系方式：lanxuewang@qq.com
            </div>
        </div>
    </div>
</foot>
</body>

</html>